<template>
	<view class="">
		<view class="jianj01"
		:style="{
			width:(width?width:'128rpx')
		}"
		>
			<text class="jianj01text">{{text}}</text>
			<text class="jianj01tex1t"></text>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my-text",
		props: ['text','width'],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.jianj01 {
		width: 128rpx;
		position: relative;

		.jianj01text {
			font-size: 32rpx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #131314;
			opacity: 1;
		}

		.jianj01tex1t {
			display: block;
			width: 100%;
			height: 8rpx;
			background-color: #FFD500;
			opacity: 0.7;
			position: absolute;
			bottom: 5rpx;
		}
	}

	.jianj_1 {
		margin-top: 15rpx;
		text-align: justify;
	}
</style>
